import React from 'react';

import Menu from './Menu';
import MenuItem from './MenuItem';

const Sidebar = () => {
  return (
    <Menu className="sidebar">
      <MenuItem to="/">主页</MenuItem>
      <MenuItem
        menu={
          <Menu>
            <MenuItem to="/test">表格示例</MenuItem>
            <MenuItem to="/no-sidebar/test2">test2</MenuItem>
            <MenuItem to="/product-update?productId=1">商品修改</MenuItem>
          </Menu>
        }
      >
        嵌套菜单
      </MenuItem>
      <MenuItem to="/systemMgr">管理中心搜索列表示例</MenuItem>
    </Menu>
  );
};

export default Sidebar;
